import React, { Component } from 'react'
// 使用refs

export default class App extends Component {
  render() {
    return (
      <div>
        <p
          ref={(node) => {
            // 当p标签的真实dom被创建出来之后,这个函数就会立刻调用.并且会把p标签的真实dom传递给我们
            // 一般这个真实dom要在其他地方用,所以添加到实例上
            this.node = node
          }}
        >
          测试
        </p>
        <button
          onClick={() => {
            console.log(this.node)
          }}
        >
          按钮
        </button>
      </div>
    )
  }
}
